<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>

</head>
<body>
    <form id="login_form">
        <input type="text" name="uname" id="username"> <br>
        <input type="email" name="email" id="email">
        <button type="button" id="btn_login">login</button>
    </form>

    <!--    引入jquery框架-->
    <script src="/boot/plugins/jquery/jquery.min.js"></script>
    <script>
        $(function(){
            $("#btn_login").click(function(){
                //如果form表单中的文本框的数量比较多的话
                //不建议一一去过去文本框中的输入的数据
                //表单序列化 - 结果就是key=value的结果
                //key默认就是文本框的name属性的值,value就是在文本框中输入的数据.

                //表单序列化
                let form_value = $("#login_form").serialize();
                //alert(form_value)//uname=admin&email=fdfdfd%40qq.com

                let url = '/boot/ajax/hello01?'+form_value
                //发送参数
                $.get(url,function(res){
                    //res是后端返回过来的json数据
                    //{code: '200', msg: '请求成功', data: 'admin:123@qq.com'}
                    console.log(res)
                })
            })
        })
    </script>
</body>
</html>